
<#include "common/header.ftl" >
<div  id="user_info">${wechatUser.wechatJson}</div>
<div style="height: 50px;padding: 10px;">
    <button type="button" class="btn btn-success" id="pay" onclick="applyPay()">土豪打赏</button>
</div>
<div class="container">
    <div class="row">
    <#list crArticleList as article>
        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img src="${article.pictureUrl}" alt="..." style="width: 100%;">
                <div class="caption">
                    <h3>${article.pictureTitle}</h3>
                    <p>${article.pictureDes}</p>
                    <p><a href="#" class="btn btn-primary" role="button">查看全文</a></p>
                </div>
            </div>
        </div>
    </#list>
    </div>
    <div>
        <nav aria-label="Page navigation">
            <ul class="pagination">
            <#if paging.page gt 1  >

                <li>
                    <a href="index?page=${paging.page-1}" aria-label="Previous">
                        <span aria-hidden="true">上一页</span>
                    </a>
                </li>
            </#if>

                <li>
                    <a href="index?page=${paging.page+1}" aria-label="Next">
                        <span aria-hidden="true">下一页</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>

</div>

<script type="text/javascript">

    var  weixinShareInfo={
        "title":"智慧英语",
                "timeLineTitle":"智慧英语",
                "desc":"智慧英语!",
                "link":"",
                "imgUrl":""
    };

    var openId="";

    $(function(){

        getWeixinSign();

        var wechatUserObj=JSON.parse($("#user_info").text());
        if(wechatUserObj){
            openId=wechatUserObj.openId;
//            alert(openId);
        }
    });

    function getWeixinSign(){
        var url=window.location.href;
        if(url.indexOf("#")>-1){
            url=url.split("#")[0];
        }
        alert(url);
        url=encodeURIComponent(url);
        rsClient.get("/wechat/pay/getSign?url="+url,function(res){
            initWeixin(res,weixinShareInfo);
        },function(err){
            if(err && err.errorMesg){
                alert(err.errorMesg);
            }
        });
    }


    function applyPay(){
        var param="?openId="+openId+"&tradeType=JSAPI";

        rsClient.get("/wechat/pay/applyPay"+param,function(res){
            wechatPay(res,function(res){
                alert('支付成功');
            });
        });
    }

    function wechatPay(payInfo,callBack){
        wx.chooseWXPay({
            timestamp: payInfo.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
            nonceStr: payInfo.nonceStr, // 支付签名随机串，不长于 32 位
            package: payInfo.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
            signType: payInfo.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
            paySign: payInfo.paySign, // 支付签名
            success: function (res) {
                if(callBack){
                    callBack(res);
                }
            }
        });

    }

    function initWeixin(signInfo,shareInfo){
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: signInfo.appId, // 必填，公众号的唯一标识
            timestamp: signInfo.timestamp, // 必填，生成签名的时间戳
            nonceStr:signInfo.nonceStr, // 必填，生成签名的随机串
            signature: signInfo.signature,// 必填，签名，见附录1
            jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone','chooseImage','previewImage','uploadImage','chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
        wx.ready(function(){
            wx.onMenuShareTimeline({
                title: shareInfo.timeLineTitle || shareInfo.title, // 分享标题
                link: shareInfo.link, // 分享链接
                imgUrl: shareInfo.imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.onMenuShareAppMessage({
                title: shareInfo.title, // 分享标题
                desc: shareInfo.desc, // 分享描述
                link: shareInfo.link, // 分享链接
                imgUrl: shareInfo.imgUrl, // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareQQ({
                title: shareInfo.title, // 分享标题
                desc: shareInfo.desc, // 分享描述
                link: shareInfo.link, // 分享链接
                imgUrl: shareInfo.imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareWeibo({
                title: shareInfo.title, // 分享标题
                desc: shareInfo.desc, // 分享描述
                link: shareInfo.link, // 分享链接
                imgUrl: shareInfo.imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareQZone({
                title: shareInfo.title, // 分享标题
                desc: shareInfo.desc, // 分享描述
                link: shareInfo.link, // 分享链接
                imgUrl: shareInfo.imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
        });


        wx.error(function(res){
            //console.log(res);
        });
    }


</script>
<script src="/ee-wechat/js/restfulClient.js"></script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<#include "common/footer.ftl">

